* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.pot {
	width: 100%;
	height: 100vh;
	position: relative;
	display: flex;
	background-color: #000000;
	justify-content: center;
	align-items: center;
}
.testi {
    position: relative;
    max-width: 1284px;
    margin: 0 auto;
    padding-left: 30px;
    padding-right: 30px;
}
.steps .section-intro {
    margin: 0 auto 70px;
}

.section-intro {
    text-align: center;
}
.steps .swiper-container {
    overflow: visible;
}

.swiper-container-pointer-events {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}
.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}
.steps__hearts img:first-child {
    top: 100%;
    right: 100%;
    -webkit-transform: translate(50%,-30%);
    -ms-transform: translate(50%,-30%);
    transform: translate(50%,-30%);
}

.steps__hearts img {
    position: absolute;
    z-index: 2;
    pointer-events: none;
}
audio, canvas, iframe, img, svg, video {
    vertical-align: middle;
}
audio, img, video {
    max-width: 100%;
    height: auto;
}
.pot .slider {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.pot ul {
	position: absolute;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 20;
}

.pot ul li {
	list-style: none;
	cursor: pointer;
	margin: 10px;
}

.pot ul li video {
	width: 200px;
	transition: all 0.3s;
}

.pot ul li video:hover {
	transform: scale(1.1);
}

.video {
	width: 100%;
	height: 100%;
}
element.style {
    width: 403.182px;
    margin-right: 15px;
}
.steps .swiper-slide, .steps .swiper-wrapper {
    height: auto;
}
.swiper-slide {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
}
.steps .steps-item {
    text-align: center;
}

.steps .steps-item {
    height: 100%;
}
.steps-item {
    padding: 40px;
}
.steps-item__count {
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 15px;
    color: #90d678;
}